<template>
    <div>
        <div class="classHeader">
            <div class="classBack" @click="back()">
                
            </div>
            <div class="classSearch">
                <router-link to="/Search">
                    <input type="text" placeholder="请输入宝贝名称">
                </router-link>
                
            </div>
        </div>
    </div>
</template>

<script>
export default {
  data(){
      return{

      }
  },
  methods:{
      back(){
          this.$router.back(-1)
      }
  }
}
</script>

<style scoped>
    .classHeader{
        width: 100%;
        height: 1rem;
        background: #fff;
        border-bottom: 0.01rem solid #f7f7f7;
        display: flex;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        border-bottom: 0.01rem solid #EFEFEF;
        z-index: 99999;
    }
    .classHeader .classBack{
        margin-top: 2%;
        box-sizing: border-box;
        width: 0.8rem;
        height: 0.8rem;
        background: url('../assets/img/back.png') no-repeat center left;
        background-size: 100%;
    }
    .classHeader .classSearch{
        width: 85%;
        height: 0.8rem;
        margin-left: 0.1rem;
        line-height: 1.1rem;
    }
    .classHeader .classSearch input{
        padding-left: 0.26rem;
        height: 87%;
        width: 90.5%;
        font-size: 0.28rem;
        box-sizing: border-box;
        line-height: 2rem;
        border-radius: 0.06rem;
        border: 0.01rem solid #B2B2B2;
        outline: none;
    }
</style>
